.case-data-list{display:flex;flex-wrap:wrap}.case-data-list .case-item{width:384px;height:390px;overflow:hidden;border-radius:8px 8px 8px 8px;cursor:pointer;margin-right:24px;margin-top:30px;display:flex;align-items:center;justify-content:center;position:relative}.case-data-list .case-item img{max-width:384px;max-height:390px}.case-data-list .case-item:nth-child(3n){margin-right:0}.case-data-list .case-item .item-data{width:384px;height:390px;position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;border-radius:8px 8px 8px 8px;background:linear-gradient(180deg,rgba(0,0,0,.1) 42%,rgba(0,0,0,.6));transition:all .6s}.case-data-list .case-item .item-data .item-content{position:relative;bottom:-55px}.case-data-list .case-item .item-data .district{font-size:24px;font-weight:700;color:#fff;line-height:35px;margin:0 18px}.case-data-list .case-item .item-data .item-name{width:324px;height:78px;font-size:20px;margin:10px 30px 20px 30px;font-weight:700;color:#fff;line-height:26px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.case-data-list .case-item .item-data .item-details{font-size:16px;margin:10px 30px 30px 30px;color:hsla(0,0%,100%,.8);line-height:21px;cursor:pointer}.case-data-list .case-item .item-data .item-details i{font-size:14px;margin-left:12px}.case-data-list .case-item .item-data:hover{background:linear-gradient(180deg,rgba(20,106,220,0) 17%,rgba(20,106,220,.4) 42%,rgba(20,106,220,.8) 75%)}.case-data-list .case-item .item-data:hover .item-content{bottom:0;transition:bottom .6s}.case{background:#f7f8fb}.case .case-header{height:300px;background:url(../img/case-header.0a67a439.jpg) top no-repeat;background-size:auto 100%}.case .case-header .header-contnet{width:1200px;padding-top:108px;margin:0 auto}.case .case-header .header-contnet .title{font-size:36px;color:#fff;line-height:48px;margin-bottom:12px}.case .case-header .header-contnet .tips{font-size:18px;color:hsla(0,0%,100%,.8);line-height:24px}.case .case-search{display:flex;justify-content:center;background:#f7f8fb;padding:32px 0}.case .case-search .search-but{width:221px;height:52px;background:#398eff;border-radius:4px 4px 4px 4px;font-size:18px;color:#fff;line-height:24px;text-align:center;line-height:52px;cursor:pointer}.case .case-search .search-but:hover{background:#2a66e7}.case .case-search .search-but i{margin-left:12px}.case .case-search .el-input{width:465px;margin-right:24px}.case .case-search .el-input .el-input__inner{height:52px;line-height:52px;border:1px solid #eaedf0}.case .case-search .el-input .el-input__inner::-moz-placeholder{font-size:18px;color:#999}.case .case-search .el-input .el-input__inner::placeholder{font-size:18px;color:#999}.case .case-type{display:flex;justify-content:center;background:#f7f8fb}.case .case-type .type-item{width:227px;font-size:18px;color:#3d3d3d;line-height:24px;text-align:center;padding:16px 0;cursor:pointer}.case .case-type .type-item .svg-icon{width:18px;height:20px;margin-right:10px}.case .case-type .type-item.active{background:#398eff;color:#fff}.case .case-type .type-item+.type-item{margin-left:16px}.case .case-content{background:#fff}.case .case-content .case-data{width:1200px;margin:auto}